@charset "utf-8";

.service{
    background-color: #fff;
    height: 1050px;
    margin: 20px auto;
    padding: 50px 20px;
    box-sizing: border-box;
    color: #67656a;
}
/* 服务列表 */
.category{
    float: left;
    width: 200px;
}
.category dt{
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
    line-height: 30px;
    margin-bottom: 20px;
}
.category dd{
    font-size: 14px;
    border-bottom: 1px solid #d9d9d9;
    line-height: 30px;
}
/* 服务右侧列表 */
.service-pic{
    float: right;
    font-size: 14px;
    width: 840px;
}
.img li{
    display: inline-block;
    width: 242px;
    height: 276px;
    padding: 16px;
    margin: 8px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
}
.service-pic img{
    width: 210px;
    height: 210px;
}
.service-pic p{
    line-height: 24px;
}
.service-pic span{
    color: #415fd9;
}
/* 分页条 */
.page{
    text-align: center;
    margin: 50px auto;
}

.page a{
    display: inline-block;
    width: 18px;
    height: 21px;
    line-height: 21px;
    background-color: #fff;
    border:1px solid #cdcdcd;
    box-sizing: border-box;
}
.page .next{
    width: 50px;
    height: 21px;
}
.page a:hover{
    background-color: #fff;
    border:0;
    color: #000;
}
.page input{
    width: 28px;
    height: 21px;
    outline: 0;
}
.page .link{
    display: inline-block;
    width: 45px;
    height: 20px;
    font-size: 14px;
}